@charset "utf-8";

/*----公共样式-----*/
body{background:#e3e3e3;}
.main{width:90%;margin:0px auto;position:relative;}
.parent{position:relative;z-index:2;}
.nbsp{width:100%;}
.mask{background: rgba(0,0,0,.6);position: fixed;top:0;left:0;bottom:0;right:0;display: none;z-index: 99}
.inspic{width:100%;overflow:hidden;

vertical-align: middle;}
.inspic img{width:100%;}
/*head*/

.head-box{height:90px;width:100%;background:#fff;min-width:1200px;border-top:5px solid #005582;border-bottom:1px solid #d0d7db;}
.logo{width:370px;height:80px;margin-top:5px;}
.logo img{width:100%;display:block;}
.menu-box{width:100%;height:32px;color:#262626;position:absolute;left:0;top:91px;z-index:999;}
.menu{width:1200px;margin:0 auto;}
.menu>li{float:left;height:30px;transform:skew(-30deg);border-radius:0 0 5px 5px;background:#fff;color:#005582;width:149px;margin-left:1px;position:relative;}
.menu>li a{display:block;width:100%;font-size:14px;color:#262626;line-height:30px;transform:skew(30deg);text-align:center;}
.menu>li:hover{background:#005582;}
.menu>li:hover a{color:#fff;}

.menu li .subnav{padding:15px;background:#fff;position:absolute;left:0;top:30px;z-index:99;margin-left:30px;transform:skew(30deg);display: none}
.menu li .nav18{width:100px;}
.menu li .nav43{width:110px;}
.menu li .nav44{width:100px;}
.menu li .nav-about{width:100px;}
.menu li .nav-about li{height:30px;line-height: 30px;transform:skew(-30deg)}
.menu li .nav-about li a{color:#333;font-size:13px;border-radius:9px;}
.menu li .nav-about-pic{width:160px;height:100px;padding:5px 0;float:left;transform:skew(-30deg)}
.menu li .nav-about-pic img{width:160px;height:100px;}

.menu li .nav40{width:460px;}
.menu li .nav40 .nav-pros{width:120px;float:left;}
.menu li .nav40 .nav-pros:nth-child(2){margin:0 40px;}
.menu li .nav40 .nav-pros .nav-pros-pic{width:118px;height:93px;border:1px solid #eee;}
.menu li .nav40 .nav-pros .nav-pros-pic img{width:118px;height:93px;transform:skew(-30deg)}
.menu li .nav40 .nav-pros dt{height:30px;width:100%;transform:skew(-30deg)}
.menu li .nav40 .nav-pros dt a{font-size:13px;font-weight: bold;color:#005582;display:inline-block;width:100%;height:30px;overflow:hidden;}
.menu li .nav40 .nav-pros dd{height:30px;width:100%;transform:skew(-30deg)}
.menu li .nav40 .nav-pros dd a{font-size:13px;font-weight: bold;color:#666;display:inline-block;width:100%;height:30px;overflow:hidden;}


.menu>li .subnav .nav-about a:hover{background: #005582;color:#fff;}
.fixsp{height:70px;}
.menubtn{display:none;width:36px;height:30px;position:absolute;top:10px;right:15px;z-index:9;}
.menubtn img{width:100%;}

.lang{height:30px;float:right;line-height:30px;margin-top:30px;color:#808080;font-size:16px;}
.lang a{height:30px;margin:0 5px;color:#808080;font-size:16px;}

.search-box{width:284px;padding:5px;height:30px;margin-top:24px;background:#fff;border-radius:15px;overflow:hidden;border:1px solid #ebebeb;float:right;}
.search-box input[type=text]{float:left;width:200px;height:30px;outline:medium;line-height:30px;border:none;}
.search-box input[type=submit]{float:left;width:74px;height:30px;background:#005582;border-radius:12px;cursor:pointer;border:none;margin-left:10px;color:#fff;}

#menubg{background:#005582;}
#menubg>a{color:#fff;}

/**--banner--*/
/*广告轮播图*/
.banner{width:100%;min-width:1200px;overflow:hidden;}
/* 本例子css */
.slideBox{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{width:100%; height:40px;padding:5px 0;overflow:hidden; position:absolute; left:0; bottom:0; z-index:3; background:rgba(0,85,130,.6);}
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center;  }
.slideBox .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 52px; height: 34px; margin: 0px 5px; padding: 2px; border: 1px solid #fff; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.slideBox .hd ul li img { width: 52px; height: 34px; }
.slideBox .hd ul .on { width: 52px; height: 34px; padding: 0px; border: 3px solid #fff; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; text-align:center; }
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/**--index main--*/

.sub-banner{width:100%;text-align:center;}
.sub-banner img{width:100%;}

.main-one{padding:10px 0px;height:300px;width:100%;min-width:1200px;}
.in-title{height:50px;width:100%;background:url(titlebg.png) no-repeat 100px 12px;}
.in-title h1{height:50px;line-height:40px;color:#005582;font-size:24px;float:left;font-weight:bold;}
.in-title h1 span{margin-left:17px;line-height:50px;color:#808080;font-size:16px;font-weight:normal;}
.in-title a{float:right;color:#808080;font-size:13px;line-height:40px;}

.shiping-box{padding:30px 10px;background:url(d/twobg.png) no-repeat 47.5% 48px;background-color:#f9f9f9;border-radius:12px;min-height:394px;}
.inab-box{width:45%;}
.in-shiping-news{zoom:1; margin-top:10px; }
.in-shiping-news li{width:45%;float:left;}
.in-shiping-news li.bigli{width:50%;border:none;margin-right:20px;background:#000;}
.in-shiping-news li h3{height:44px;line-height:44px;border-bottom:1px dashed #ccc;}
.in-shiping-news li h3 a{color:#666;float:left;font-size:14px;transition:all .3s;}
.in-shiping-news li h3 span{color:#888;float:right;font-size:13px;}
.in-shiping-news li:hover h3 a{padding-left:15px;color:#00479d;}






.zs-box{width:50%;}
.picScroll-left{ width:100%; overflow:hidden; position:relative;height:143%;margin-top:20px;}
.picScroll-left .prev,.picScroll-left .next{ display:block;  width:14px; height:20px;  margin-top:114px;  overflow:hidden;
	 cursor:pointer; }
.picScroll-left .next{ background:url(left.png) no-repeat center;float:left; }
.picScroll-left .prev{ background:url(right.png) no-repeat center;float:right;  }
.picScroll-left .prev:after{clear:both;}

.picScroll-left .bd{ float:left;margin-left:15px;width:90%;overflow:hidden;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:100%;float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic-box{width:30.2%;margin:0 1.5%;float:left;}
.picScroll-left .bd ul li .pic-box .pic{ text-align:center; }
.picScroll-left .bd ul li .pic-box .pic img{ width:100%; height:143%; display:block; }
.picScroll-left .bd ul li .pic-box .title{ line-height:30px;   }
.picScroll-left .bd ul li:hover .pic-box .title a{ color:#00479d;  }



.main-two{background:#d5d5d5;width:100%;min-width:1200px;padding:30px 0;border-bottom:1px solid #acacac;}
.pro_list { float: left; display: inline; overflow: hidden; width: 380px; height: 300px; position: relative; background: #fff; cursor: pointer; margin-left: 30px; }
.pro_list .pro_pic { display: block; margin: 0px auto; width: 380px; height: 300px; text-align: center; }
.pro_list .pro_pic img { width: 380px; height: 300px; }
.pro_hover { position: absolute; background:rgba(0,85,130,.8); height: 300px; width: 380px; text-align: center; line-height: 300px; font-size: 20px; }
.pro_hover a { color: #fff;font-size: 24px;font-weight:bold; }
.pro_txt { position: absolute; height: 45px; line-height: 45px; width: 380px; text-align: center; color: #fff; font-size: 20px; background: #3D3D3D; }
.pro_cover .pro_hover { bottom: -300px; left: 0; }
.pro_cover .pro_txt { bottom: 0px; left: 0px; }
.pro_list_0 { margin-left: 0px; }



.more{width:100%;height:50px;}
.more a{display:block;width:140px;height:40px;background:#f7f7f7;color:#666666;line-height:40px;font-size:14px;text-align:center;border:1px solid #ccc;}
.mt60{margin-top:60px;}




.three-item{width:32%;float:left;overflow:hidden;display:block;margin-bottom:15px;}
.three-item:nth-child(3n-1){margin:0 2%;}
.three-item img{width:100%;/*height:180px;*/text-align:center;}
.three-item h1{height:50px;line-height:50px;color:#333;font-size:18px;text-align:center;}
.pro-img{background:#f7f7f7;padding:30px 0;}


.one-title{height:62px;width:100%;text-align:center;}
.one-title a{display:block;width:100%;height:100%;line-height:62px;color:#333;font-size:16px;background:#fff;}


/***foot**/
.foot{background:#005582;padding:45px 0 30px;width:100%;min-width:1200px;margin-top:168px;}
.foot-one{padding-bottom:15px;}
.in-contact{float:left;width:42%;color:#ccc;line-height:24px;min-height:150px;}
.in-contact p{color:#ccc;line-height:24px;}
.erwei-box{width:580px;float:right;text-align:center;}
.erwei-box div{width:114px;float:left;margin-left:78px;}
.erwei-box div img{width:114px;height:114px;}
.erwei-box div p{font-size:12px;color:#ccc;line-height:30px;}
.foot-two{height:40px;line-height:40px;}
.fast-link{float:left;width:500px;color:#888;}
.fast-link a{margin:0 15px;color:#888;}
.dibu{width:100%;color:#99aeb9;line-height:24px;}
.dibu p{color:#99aeb9;line-height:24px;}
.dibu p a,.dibu p span{color:#99aeb9;}
.link{padding-bottom:15px;border-bottom:1px solid #fff;}
.link h1{color:#fff;font-weight:bold;height:30px;}
.link p{line-height:30px;color:#99aeb9;}
.link a{color:#99aeb9;margin:0 10px;line-height:30px;}
.foot-nav{padding:10px 0;color:#fff;}
.foot-nav a{color:#fff;margin:0 5px;line-height:30px;font-size:13px;}


/***内页**/
.dbanner{width:100%;min-width:1200px;height:300px;}
.dbanner img{width:100%;}
.page-title{width:230px;padding-top:110px;background:rgba(0,85,130,.8);height:190px;text-align:center;}
.page-title h1{color:#fff;font-size:20px;font-weight:bold;line-height:30px;}
.page-title p{font-size:12px;color:#a0b4be;}

.left{width:20%;float:left;border-radius:9px;overflow:hidden;background:#fff;}
.right{width:78%;float:right;background:#fff;border-radius:9px;}

.left-page-title{height:69px;padding-top:20px;border-bottom:1px solid #e3e3e3;background:url(catebg.png) no-repeat 18px 20px;text-align:center;text-indent:45px;}
.left-page-title h1{color:#333;font-size:20px;font-weight:bold;line-height:30px;}
.left-page-title p{font-size:12px;color:#666666;}

.cate{padding:10px 20px 20px;}

.cate>a,.cate li>a{height:36px;margin-bottom:8px;display:block;width:100%;text-indent:10px;line-height:36px;color:#333;font-size:16px;border-radius:9px;transition:all .3s;}
.cate>a:hover,.cate li>a:hover{background:#005582;color:#fff;}
#hov{background:#005582;color:#fff;}

.sub-cate{padding:5px 1px;display:none;}
.sub-cate p{height:30px;line-height: 30px;text-indent: 20px;}
.sub-cate p a{color:#444;}
.sub-cate p a:hover{color:#005582;}
#subhov{color:#005582;}

.model-title{height:89px;border-bottom:1px solid #e3e3e3;line-height:89px;padding:0 18px;font-size:18px;color:#00479d;}
.model-title h1{width:30%;float:left;color:#005582;font-size:20px;font-weight:bold;}
.model-title p{width:70%;float:right;color:#666;text-align:right;}

.bt-title{height:70px;}
.bt-title h1{color:#333;font-size:24px;line-height:36px;}
.bt-title p{color:#666;font-size:14px;line-height:26px;}

.content{width:100%;min-width:1200px;overflow:hidden;padding:50px 0;}


.msgcontent{font-size:16px;line-height:36px;padding:20px 20px 80px;color:#333;margin: -15px;}
.msgcontent p{font-size:16px;line-height:36px;color:#333;}
.msgcontent img{max-width:941px;}
.msg-title{margin-bottom:15px;}
.msg-title h1{font-size:18px;color:#333;line-height:30px;}
.msg-title p{font-size:12px;color:#666;margin-bottom:10px;}

.listcontent{padding:20px 0px;}



/*新闻*/
.news-item{height:158px;padding:30px 0;border-bottom:1px solid #ccc;}
.news-item table{width:100%;height:100%;}
.news-item table tr td img{width:200px;}
.news-item table tr td h1{width:100%;height:38px;}
.news-item table tr td h1 a{display:block;float:left;width:80%;font-size:18px;color:#333;}
.news-item table tr td h1 span{display:block;float:right;color:#666;line-height:34px;}
.news-item table tr td .news-c{line-height:26px;height:104px;overflow:hidden;color:#666;}
.news-item table tr td h1 a:hover{text-decoration:underline;}

.news-list li{border-bottom:1px dashed #ccc;padding:0 15px}
.news-list li h3{height:44px;line-height:44px;}
.news-list li h3 a{color:#333;float:left;font-size:14px;transition:all .3s;}
.news-list li h3 span{color:#888;float:right;font-size:13px;}

.news-list li:hover h3 a{padding-left:15px;color:#00479d;}


/*产品*/
.four-item{width:25%;float:left;padding: 15px;box-sizing: border-box;}
.four-item:nth-child(4n){margin-right:0;}
.four-item img{width:100%;}


.pdshow{height:520px;}
.pdshow p{font-size: 16px;}
.pnote{height:410px;width:100%;overflow: hidden;}

.pcon{}
.ml18{margin-left:18px;}
.prode{height:460px;width:100%;}
.prode table tr td span img{border:1px solid #dedede;padding:2px;width:365px;height:455px;}
.pdtitle{height:45px;line-height:45px;text-align:center;border-bottom:1px solid #bebebe;font-size:35px;color:#000;}
.pdc{min-height:235px;max-height:350px;line-height:26px;padding-top:10px;overflow:hidden;margin-bottom:10px;}
.qqzixun{}
.qqzixun a{display:inline-block;color:#005582;margin-bottom:15px;font-size: 16px;width:134px;height:40px;border:1px solid #005582;text-align: center;line-height: 40px;}
.qqzixun a.xuqiu{background: #005582;color:#fff;margin-right:50px;}

.prodec{width:100%;margin-top:25px;min-height:350px;}
/* picshow */
.preview{width:380px; height:510px;}
/* smallImg */
.smallImg{position:relative; height:80px; margin-top:1px; background-color:#fff; padding:7px 0px; width:100%; overflow:hidden;float:left;}
.scrollbutton{width:16px; height:73px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(btnleft.png) no-repeat center center;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(btnright.png) no-repeat center center; }

#imageMenu {height:72px; width:343px; overflow:hidden; margin-left:5px; float:left;}
#imageMenu li { width:70px;height:70px; overflow:hidden;float:left; text-align:center;margin:0 6px;background: #f7f7f7;border:1px solid #ccc;box-sizing:box-sizing;}
#imageMenu li img{width:70px; height:70px;cursor:pointer;}
#imageMenu li#onlickImg, #imageMenu li:hover{ width:70px; height:70px; border:1px solid #006229;}
/* bigImg */
.pad-bg{width:380px; height:380px; background:#f7f7f7;}
.bigImg{position:relative; float:left; width:380px; height:380px; overflow:hidden;}
.bigImg #midimg{width:380px; height:380px;}
.bigImg #winSelector{width:200px; height:200px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 4px solid #ccc; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}



/*联系*/

.lx-info{padding:25px 0;}
.lx-info h1{font-size:18px;height:40px;color:#005582;}
.lx-info p{line-height:30px;color:#666;}

/* 公共分页样式*/
.page{ height:25px; text-align:center; margin:20px 0;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px 5px;}
.page a{ margin:2px;}
.hover{ color:#F00}


.book{padding:20px;}
.book table{width:100%;}
.book table tr td {color:#333333;}
.book input[type=text]{width:450px;height:40px;border:1px solid #ccc;}
.book input[type=submit]{width:200px;height:50px;background:#005582;text-align:center;border-radius:5px;line-height:50px;color:#fff;cursor:pointer;border:none;font-size:18px;}
.book textarea{width:450px;height:90px;background:none;border:1px solid #ccc;line-height:30px;}
.btext{width:365px;height:76px;;border:1px solid #a0a0a0;margin:7px 0;}


.zhaopin{}
.zhaopin li{border-bottom:1px solid #eee;}
.zhaopin li  h3{height:78px;line-height:78px;color:#333;font-size:15px;padding:0 30px 0 10px;background:url(d/down.png) no-repeat right center;cursor:pointer;}
.zhaopin li  h3 span{float:right;line-height:78px;font-size:13px;color:#888;}
.zhaopin li div{display:none;padding:15px;color:#333;line-height:30px;}
.zhaopin li  h3:hover{color:#00479d;}

.sslist{height:50px;border-bottom: 1px solid #ccc;line-height: 50px;width:100%;}
.sslist span{color:#333;}
.sslist>a{color:#333;}
.sslist em{float:right;}
.sslist em a{color:#666;}




.right_side{position: fixed;top: 50%;transform: translateY(-50%);right: 0;z-index: 9999;}
.right_side dl{display: block;width: 100px;height: 100px;margin-bottom: 2px;position: relative;}
.right_side dl.right_qq dt{background: url('./r_qq.png') center center no-repeat #6CA9DF;}
.right_side dl.right_tel dt{background: url('./r_phone.png') center center no-repeat #78C340;}
.right_side dl.right_ercode dt{background: url('./r_wx.png') center center no-repeat #FF811A;}
.right_side dl.right_qq.en_qq dt{background-image: url(./en_qq.png);}
.right_side dl.right_tel.en_tel dt{background-image: url(./en_tel.png);}
.right_side dl.right_ercode.en_wechat dt{background-image: url(./en_wechat.png);}
.right_side dl dt{display: block;width: 100%;height: 100%;}
.right_side dl dd{position: absolute;width: 0;left: 0;top: 0;transition: left 0.5s, width 0.5s;overflow: hidden;color: #fff;}
.right_side dl:hover dd{width: 200px;left: -200px;transition: left 0.5s, width 0.5s;}
.right_side dl.right_qq dd p{height: 50px;line-height: 50px;width: 200px;background: url('../QQ.png') 15px center no-repeat #6CA9DF;color: #fff;font-size: 16px;padding-left: 38px;margin-bottom: 1px;background-size: 20px 20px;}
.right_side dl.right_qq dd p a{display: block;width: 100%;height: 100%;color: #fff;}
.right_side dl.right_qq dd p a:link,.right_side dl.right_qq dd p a:visited,.right_side dl.right_qq dd p a:hover,.right_side dl.right_qq dd p a:active{color: #fff;}
.right_side dl.right_qq dd p a span{margin-left: 8px;}
.right_side dl.right_qq dd p:hover{background-color: #3379B6;}
.right_side dl.right_tel dd{height: 100px;background: #78C340;text-align: center;font-size: 16px;}
.right_side dl.right_tel dd p{color:#fff;line-height: 100px;font-size:18px;}
.right_side dl.right_ercode dd{height: 160px;top: -60px;}
.right_side dl.right_ercode:hover dd{width: 160px;left:-160px;}
.right_side dl.right_ercode dd img{width: 160px;height: 160px;position: absolute;left: 0;bottom: 0;}
.right_side div.right_top{width: 100px;height: 100px;background: url('./r_top.png') center center no-repeat #f2f2f2;opacity: 0.5;transition: opacity 0.5s;cursor: pointer;}
.right_side div.right_top:hover{opacity: 1;transition: opacity 0.5s;}
.index-cate-box{}
.ic-left{width:267px;height:190px;	background:#005582;	float:left;		}		
.ic-right{width:calc(100% - 324px);padding:30px 0 30px 57px;	float:left;}		
.il-top{width:100%;	height:45px;padding-top:45px;			font-size:27px;			padding-left:55px;			color:#a9c8d8;		}		.il-bom{						height:100px;			padding-left:55px;			color:#fff;			font-size:38px;			font-weight:600;			line-height:60px;					}		.icr-title{			padding-left:54px;			font-size:22px;			font-weight:bold;			position:relative;			color:#005582;			height:44px;			background:url('icicon.png') no-repeat left center;			line-height:34px;		}		.icr-title:after{			content:"";			width:137px;			height:2px;			background:#005582;			position:absolute;			left:54px;			bottom:0;			z-index:3;		}		
.icr-list-box{			padding-top:15px;		}		
.icr-item{width:18%;height:40px;line-height:40px;overflow:hidden;background:url(arrowright.png) no-repeat left center;			padding-left:1%;						display:inline-block;		}		.icr-item a{			color:#666666;			font-size:16px;			font-weight:bold;		}		.icr-item a:hover{			color:#005582;		}
.in-cate-main{
	background:#fff;
	padding:70px 5%;

}